// 定义自定义指令
export const vRedBg = {
  // 当指令绑定到元素上时触发
  created(el, binding, vnode, prevVnode) {
    // 这里可以进行一些初始化操作，不过在这个例子中暂不需要
  },
  // 元素挂载到 DOM 之前触发
  beforeMount(el, binding, vnode, prevVnode) {
    // 这里也可以进行一些准备工作，本例子不需要
  },
  // 元素挂载到 DOM 之后触发
  mounted(el, binding, vnode, prevVnode) {
    el.style.backgroundColor = 'red';
  },
  // 组件更新前触发
  beforeUpdate(el, binding, vnode, prevVnode) {
    // 通常用于在更新前做一些准备工作
  },
  // 组件更新后触发
  updated(el, binding, vnode, prevVnode) {
    // 可以在这里处理更新后的逻辑
  },
  // 元素卸载前触发
  beforeUnmount(el, binding, vnode, prevVnode) {
    // 可以在这里做一些清理工作，比如移除事件监听器
  },
  // 元素卸载后触发
  unmounted(el, binding, vnode, prevVnode) {
    // 完成最终的清理操作
  }
};
